.poi-div{
  position: absolute;
  height: 1px;
  width: 1px;
  .text-name{
    position: absolute;
    width: 120px;
    top: -40px;
    left: 40px;
    // background-color: red;
    font-size: 14px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;

    color: #FFFFFF;
    overflow: hidden; //超出隐藏
    text-overflow: ellipsis; //溢出显示省略号
    white-space: normal; //常规默认，会折行
    display: -webkit-box;
    -webkit-box-orient: vertical; //子元素排列 vertical（竖排）orhorizontal（横排）
    -webkit-line-clamp: 1; /*内容限制的行数 需要几行写几就行*/
    cursor: pointer;
  }
  .poibg1{
    
    background: url(~@/assets/image/poi/企业单位.png) no-repeat;
    background-size: 100% 100%;
    height: 70px;
    width: 180px;
    position: absolute;
    top: -59px;
    left: -20px;
    
  }
  .poibg2{
    background: url(~@/assets/image/poi/商城.png) no-repeat;
    background-size: 100% 100%;
    height: 70px;
    width: 180px;
    position: absolute;
    top: -59px;
    left: -20px;
  }
  .poibg3{
    background: url(~@/assets/image/poi/医院.png) no-repeat;
    background-size: 100% 100%;
    height: 70px;
    width: 180px;
    position: absolute;
    top: -59px;
    left: -20px;
  }
  .poibg4{
    background: url(~@/assets/image/poi/学校.png) no-repeat;
    background-size: 100% 100%;
    height: 70px;
    width: 180px;
    position: absolute;
    top: -59px;
    left: -20px;
  }
  .poibg5{
    background: url(~@/assets/image/poi/事业单位.png) no-repeat;
    background-size: 100% 100%;
    height: 70px;
    width: 180px;
    position: absolute;
    top: -59px;
    left: -20px;
  }
  .poibg6{
    background: url(~@/assets/image/poi/机关单位.png) no-repeat;
    background-size: 100% 100%;
    height: 70px;
    width: 180px;
    position: absolute;
    top: -59px;
    left: -20px;
  }
  .poibg7{
    background: url(~@/assets/image/poi/小区.png) no-repeat;
    background-size: 100% 100%;
    height: 70px;
    width: 180px;
    position: absolute;
    top: -59px;
    left: -20px;
  }
}